<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>鼠标事件</p>
<input type="text" id ="text" /> 
<script>
var  p1 = document.getElementsByTagName("p")[0]; 
	// 获取段落文本的引用指针
var  t = document.getElementById("text");	// 获取文本框的引用指针
function f(){								// 事件侦测函数
    var event = event || window.event; 		// 标准化事件对象
    t.value = (event.type); 				// 获取当前事件类型
}
p1.onmouseover = f; 						// 注册鼠标经过时事件处理函数
p1.onmouseout = f; 							// 注册鼠标移开时事件处理函数
p1.onmousedown = f; 						// 注册鼠标按下时事件处理函数
p1.onmouseup = f; 							// 注册鼠标松开时事件处理函数
p1.onmousemove = f; 						// 注册鼠标移动时事件处理函数
p1.onclick = f; 							// 注册鼠标单击时事件处理函数
p1.ondblclick = f;						 	// 注册鼠标双击时事件处理函数
</script>

</body>
</html>
